﻿<%@ Page Title="" Language="C#" MasterPageFile="~/Site/Master/Base.Master" AutoEventWireup="true" CodeBehind="VerProduto.aspx.cs" Inherits="ByBikeShop.Site.Pages.VerProduto" %>

<asp:Content ID="Content1" ContentPlaceHolderID="head" runat="server">
	<link href="/Site/Styles/cssVerProduto.min.css" rel="stylesheet" />
</asp:Content>
<asp:Content ID="Content2" ContentPlaceHolderID="Conteudo" runat="server">
	<asp:HiddenField runat="server" ID="hdfCor" ClientIDMode="Static" />
	<asp:HiddenField runat="server" ID="hdfJson" ClientIDMode="Static" />

	<section id="sectionVerProduto">
		<h1>
			<asp:Label runat="server" ID="lblNomeProduto"></asp:Label>
		</h1>
		<article id="articleRating">
			<asp:Image runat="server" ID="imgRating1" Height="30px" />
			<asp:Image runat="server" ID="imgRating2" Height="30px" />
			<asp:Image runat="server" ID="imgRating3" Height="30px" />
			<asp:Image runat="server" ID="imgRating4" Height="30px" />
			<asp:Image runat="server" ID="imgRating5" Height="30px" />
			<%--<br />--%>
			<%--<asp:ImageButton runat="server" ID="btnFacebook" Height="30px" ImageUrl="~/Imagens/Icones/face.svg" OnClick="btnFacebook_Click" />
			<asp:Image runat="server" ID="Image1" Height="30px" ImageUrl="~/Imagens/Icones/instagram.svg" />--%>
		</article>

		<section id="sectionProduto">
			<article id="articleImagensProduto">
				<asp:UpdatePanel runat="server" ID="uplFotos" UpdateMode="Always" ChildrenAsTriggers="true">
					<ContentTemplate>
						<asp:Image runat="server" ID="imgProduto" ClientIDMode="Static" />
						<article id="articleOutrasImagens">
							<asp:ImageButton runat="server" ID="imgFoto1" Height="50" Width="50" Visible="false" OnClick="Fotos_Click" />
							&nbsp;&nbsp;&nbsp;&nbsp;
					<asp:ImageButton runat="server" ID="imgFoto2" Height="50" Width="50" Visible="false" OnClick="Fotos_Click" />
							&nbsp;&nbsp;&nbsp;&nbsp;
					<asp:ImageButton runat="server" ID="imgFoto3" Height="50" Width="50" Visible="false" OnClick="Fotos_Click" />
							&nbsp;&nbsp;&nbsp;&nbsp;
					<asp:ImageButton runat="server" ID="imgFoto4" Height="50" Width="50" Visible="false" OnClick="Fotos_Click" />
							&nbsp;&nbsp;&nbsp;&nbsp;
					<asp:ImageButton runat="server" ID="imgFoto5" Height="50" Width="50" Visible="false" OnClick="Fotos_Click" />
							&nbsp;&nbsp;&nbsp;&nbsp;
					<asp:ImageButton runat="server" ID="imgFoto6" Height="50" Width="50" Visible="false" OnClick="Fotos_Click" />
						&nbsp;&nbsp;&nbsp;&nbsp;
					</ContentTemplate>
				</asp:UpdatePanel>
			</article>
			<article id="articleInfoVendas">
				<article id="articlePreco">
					<article id="articlePrecoAntigo">
						<asp:Label runat="server" ID="lblPrecoAntigo" ClientIDMode="Static"></asp:Label>
						<asp:Label runat="server" ID="lblDesconto"></asp:Label>
					</article>
					<article id="articlePrecoNovo">
						<asp:Label runat="server" ID="lblPreco" ClientIDMode="Static"></asp:Label>
					</article>
					<article id="articleDividir">
						<asp:Label runat="server" ID="lblDividir"></asp:Label>
					</article>
				</article>
				<article id="articleAdicionarCarrinho">
					<asp:ImageButton runat="server" ID="btnAdicionarCarrinho" ImageUrl="~/Imagens/Imagens/carrinho_compras.png" ClientIDMode="Static" />
				</article>
			</article>
			<article id="articleTituloProduto">
				<article id="articleTitulo">
					Informações do Produto
				</article>
				<article id="articleInfoProduto">
					<asp:Label runat="server" ID="lblInfoProduto"></asp:Label>
				</article>
			</article>
		</section>
	</section>

	<section id="sectionPopUpComprar">
		<section id="sectionInner">
			<header id="headPopUp">
				<div id="divTitulo">
					Escolha as especificações do produto:
				</div>
				<div id="divFecharPopUp"></div>
			</header>
			<asp:UpdatePanel runat="server" ID="updPopUp" ChildrenAsTriggers="true">
				<ContentTemplate>
					<article id="articlePopUp">
						<h3>Escolha o tamanho</h3>

						<div class="divTamanhos">
							<asp:HiddenField runat="server" ID="hdfTamanho" />
							<asp:Repeater runat="server" ID="rptTamanhos">
								<ItemTemplate>
									<asp:Button runat="server" Text='<%# Eval("Tamanho") %>' CssClass="buttonTamanhos" OnClick="btnTamanho_Click" />
								</ItemTemplate>
							</asp:Repeater>
						</div>

						<div id="divCor" class="displayNone" runat="server">
							<h3>Escolha a cor</h3>

							<div style="height: 80px; width: 100%; margin: 10px 0 10px 10px;">
								<asp:Repeater runat="server" ID="rptCores" OnItemDataBound="rptCores_ItemDataBound">
									<ItemTemplate>
										<asp:Button runat="server" ID="btnCor" Text='<%# Eval("Cor") %>' CssClass="buttonTamanhos" OnClick="btnCor_Click" />
									</ItemTemplate>
								</asp:Repeater>
							</div>
						</div>

						<div id="divQuantidade" class="displayNone" runat="server">
							<h3>Escolha a quantidade</h3>
							<div style="height: 80px; width: 100%; margin-bottom: 10px 0;">
								Quantidade:
							<asp:Repeater runat="server" ID="rptQuantidade" OnItemDataBound="rptQuantidade_ItemDataBound">
								<ItemTemplate>
									<asp:Button runat="server" ID="btnQuantidade" Text='<%# Eval("Quantidade") %>' CssClass="buttonTamanhos" OnClick="btnQuantidade_Click" />
								</ItemTemplate>
							</asp:Repeater>
							</div>
						</div>
						<div style="width: 100%;">
							<asp:Label runat="server" ID="lblTamanho"></asp:Label>
							<asp:Label runat="server" ID="lblNextI"></asp:Label>
							<asp:Label runat="server" ID="lblCor"></asp:Label>
							<asp:Label runat="server" ID="lblNextII"></asp:Label>
							<asp:Label runat="server" ID="lblQuantidade"></asp:Label>
						</div>
						<div id="divCarrinho" class="displayNone" runat="server">
							<div style=" width: 100%; text-align: center;">
								<asp:ImageButton runat="server" ID="btnAdicionar" ImageUrl="~/Imagens/Icones/carrinho.png" Height="80" OnClick="btnAdicionar_Click" />
							</div>
						</div>
					</article>
				</ContentTemplate>
			</asp:UpdatePanel>
			<footer id="footerPopUp">
			</footer>
		</section>
	</section>

</asp:Content>
<asp:Content ID="Content3" ContentPlaceHolderID="Scripts" runat="server">
	<%--<script src="/Site/Scripts/jsVerProduto.js"></script>--%>

	<script>
		$(document).ready(function () {
			$('#btnAdicionarCarrinho').click(function () {
				if ($('#lblPreco').text() != "INDISPONÍVEL") {
					$('#sectionPopUpComprar').css('display', 'block');
				}
				else {
					alert('Produto indisponível');
				}

				return false;
			});

			$('#divFecharPopUp').click(function () {
				$('#sectionPopUpComprar').css('display', 'none');
			});
		});
	</script>
</asp:Content>
